<template>
    <div class="view">
        <div class="top-tips-save">长按保存图片分享好友</div>
        <div class="center-tips">
            <span>·</span><label for="">12500</label>人保存相册并分享
        </div>
        <div class="html" id="html-img" v-if="show">
        <!-- <div class="html" id="html-img"> -->
            <div class="wrap cc">
                <div class="header">
                    <img src="static/img/life/title.png" alt="">
                    <div class="center">
                        <div>{{userName}}</div>
                        <div>{{allTime}}</div>
                    </div>
                </div>
                <div class="body">
                    <div class="center">
                        <ul>
                            <li v-for="(item, index) in lifeData" :key="index">
                               <span> {{index + 1}}:{{item.text}}</span>
                               <img v-if="item.done_do" src="static/img/life/green_on.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="footer" id="footer">
                    <div class="center">
                        <div class="line-text" id="line-text">
                            <p>欢迎光临 谢谢惠顾</p>
                            <div class="line"></div>
                        </div>
                        <p>服务热线:0731-85380372</p>
                        <h3>上帝说：“爱点赞的人梦想都会实现”！</h3>
                    </div>
                </div>
                <div class="footer-tips">
                    <img src="static/img/life/logo.png" alt="">
                    <div class="text-p">
                        <div>
                            <p>扫一扫生成 </p>
                            <p>你的人生清单</p>   
                        </div>
                        <img class="code" src="static/img/life/code.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <img :src="imgAddr" class="build-img" v-if="!show" alt="">
    </div>
</template>

<script>
export { default } from "./index";
</script>
<style lang="less" scoped>
@import "./index.less";
</style>
